$(function () {
    FastClick.attach(document.body);
    let pageid = 1;
    let totalPage = 1;
    init();
    function init() {
        setbanbreadcrumb();
        getDataById(1);
        eventList();
    }


    // 事件绑定
    function eventList() {  
        // 点击商品详情底部选择页数按钮
        $('.page_text').on('tap',function(){
            console.log(111)
            $('.page_num').toggleClass('show');
            let lis = $('.page_num .page_num_list')
            console.log(lis)
            for (let i = 0; i < lis.length; i++) {
                $(lis[i]).on('tap',function(){
                    $('.page_text').text($(this).text())
                    $('.page_num').removeClass('show');
                    pageid = i+1;
                    getDataById(pageid);
                })
            }
        })
        $('.next_page').on('tap',function(){
            console.log(pageid)
            if(pageid>totalPage-1){
                mui.toast('当前最后一页了')
                return;
            }
            pageid++;
            $('.page_text').text("第"+pageid+"页")
            getDataById(pageid);
        })
        $('.pre_page').on('tap',function(){
            console.log(pageid)
            if(pageid<2){
                mui.toast('当前是第一页')
                return;
            }
            pageid--;
            $('.page_text').text("第"+pageid+"页")
            getDataById(pageid);
        })
        
    }
    function getDataById(pageid) {
        let categoryid = Number(getUrl("categoryId"));
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getproductlist",
            data: {
                categoryid: categoryid,
                pageid: pageid
            },
            dataType: "json",
            success: function (res) {
                let html = template('mainTpl', { arr: res.result })
                $(".items").html(html);
                // 获取总页数
                totalPage = Math.ceil(res.totalCount/res.pagesize)


                let PageNumhtml = ``;
                for (let i = 0; i < totalPage;i++) {
                    PageNumhtml += `<li class='page_num_list' data-page='${i+1}'>第${i+1}页</li>`
                }
               $('.page_num').html(PageNumhtml);

                // 数字输入框的初始化
                mui(".mui-numbox").numbox();

            }
        });
    }

    // 设置面包屑当前分类
    function setbanbreadcrumb() {
        let breadcrumbName = getUrl("category");
        $('.category_name').text(breadcrumbName);
    }
    // 获取url中的参数
    function getUrl(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]);
        return null;
    }

})